<template>
  <div>
    <van-nav-bar title="小智同学" left-arrow @click-left="$router.back()" />
    <van-cell-group class="message-mian">
      <van-cell title="单元格" value="内容" />
      <van-cell title="单元格" value="内容" label="描述信息" />
    </van-cell-group>
    <van-cell-group class="message-wrap" :border='false'>
      <van-field v-model="message" rows="1" autosize type="textarea" />
      <van-button round type="info" size="small" @click='onSeng'>发送</van-button>
    </van-cell-group>
  </div>
</template>
<script>
export default {
  data() {
    return {
      message: ''
    }
  },
  created() {},
  methods: {
    onSeng() {}
  }
}
</script>
<style lang="less" scoped>
.message-wrap {
  position: fixed;
  display: flex;
  bottom: 0;
  left: 0;
  width: 100%;
  align-items: center;
  border-top: 1px solid #ccc;
  .van-button {
    width: 60px;
    margin-right: 5px;
  }
}
.message-mian {
  position: fixed;
  bottom: 44px;
  top: 46px;
  width: 100%;
}
</style>
